<meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <div data-options="region:'north',border:false" style="height:40px;padding:10px">
        <div style="float: left;">
	               <a href="index.html" style="text-decoration: none;">
	                       <img alt="" src="img/logo.png"/>
	                       <img alt="" src="img/portal.png"/>
	               </a>
        </div>
        <div id="searchMenu" style="float: right;">
            <b>User Name&nbsp;</b>
            <input class="easyui-searchbox" data-options="prompt:'Pesquisar',menu:'#mm',searcher:doSearch" style="width:300px"></input>
            <div id="mm">
                    <div data-options="name:'all'">Todo conteúdo</div>
                    <div data-options="name:'tasks'">Tarefas</div>
                    <div data-options="name:'processes'">Processos</div>
                    <div data-options="name:'orders'">Ordens</div>
                    <div data-options="name:'files'">Arquivos</div>
                    <div data-options="name:'schedule'">Agenda</div>
                    <div data-options="name:'partners'">Parceiros</div>
                    <div data-options="name:'users'">Usuários</div>
                    <div data-options="name:'groups'">Grupos</div>
            </div>
			<!-- 
			Tema: <select id="cb-theme" style="width:120px"></select>
			 -->
        </div>

        <div id="userMenu" style="float:right; padding-right:10px">
			<div>
				<a href="#" class="easyui-splitbutton" data-options="menu:'#mm2'"><i class="fa fa-user" style="font-size:16px;color:gray;"></i></a>
			</div>
			<div id="mm2" style="width:200px;">
				<div id="mm21">Configurações</div>
				<div id="mm22">Alterar Senha</div>
				<div id="mm29">Sair</div>
			</div>
		</div>

	<div id="settings" class="easyui-window" title="Configurações" data-options="modal:true,closed:true" style="width:600px;height:350px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" style="padding:10px;">
		        <div style="float: right;">
					<img src="img/user.jpg" height="128" width="128">
				</div>
			    <form id="ff" method="post">
			    	<table>
			    		<tr>
			    			<td>&nbsp;</td>
			    		</tr>
			    		<tr>
			    			<td>Avatar:</td>
			    			<td>
			    				<input type="file" id="avatar" />
			    			</td>
			    		</tr>
			    		<tr>
			    			<td>Idioma:</td>
			    			<td>
			    				<select class="easyui-combobox" name="language"><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-cht">Chinese Traditional</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected="selected">English</option><option value="et">Estonian</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="mww">Hmong Daw</option><option value="hu">Hungarian</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select>
			    			</td>
			    		</tr>
			    		<tr>
			    			<td>Tema:</td>
			    			<td>
			    				<select class="easyui-combobox" name="language">
			    					<option value="default">Default</option>
			    					<option value="default">Bootstrap</option>
			    					<option value="default">Black</option>
			    					<option value="default">Gray</option>
			    					<option value="default">Metro</option>
		    					</select>
			    			</td>
			    		</tr>
			    	</table>
			    </form>

			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
				<a class="easyui-linkbutton" href="javascript:void(0)" onclick="javascript:saveConfig();">Salvar</a>
				<a class="easyui-linkbutton" href="javascript:void(0)" onclick="javascript:closeConfig();">Cancelar</a>
			</div>
		</div>
	</div>

	<div id="changepwd" class="easyui-window" title="Alterar Senha" data-options="modal:true,closed:true" style="width:600px;height:350px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'center'" style="padding:10px;">

			    <form id="ff" method="post">
			    	<table>
			    		<tr>
			    			<td><b>Login</b></td>
			    		</tr>
			    		<tr>
			    			<td>&nbsp;</td>
			    		</tr>
			    		<tr>
			    			<td>Senha:</td>
			    			<td>
			    				<input type="password" id="pwd" />
			    			</td>
			    		</tr>
			    		<tr>
			    			<td>Nova Senha:</td>
			    			<td>
			    				<input type="password" id="newpwd" />
			    			</td>
			    		</tr>
			    		<tr>
			    			<td>Repetir Nova Senha:</td>
			    			<td>
			    				<input type="password" id="repeatpwd" />
			    			</td>
			    		</tr>
			    	</table>
			    </form>

			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
				<a class="easyui-linkbutton" href="javascript:void(0)" onclick="javascript:saveChangePwd();">Salvar</a>
				<a class="easyui-linkbutton" href="javascript:void(0)" onclick="javascript:closeChangePwd();">Cancelar</a>
			</div>
		</div>
	</div>

	<script>
		function doSearch(value,name){
			window.location.href = 'file:///D:/workspace-grima/prototipo/search.html';
		}

		function saveConfig(){
			$('#settings').window('close');
		}

		function closeConfig(){
			$('#settings').window('close');
		}
		function saveChangePwd(){
			$('#changepwd').window('close');
		}

		function closeChangePwd(){
			$('#changepwd').window('close');
		}

	</script>

	 <script>
		$(function(){
	        $('#mm21').click(function(){
	        	$('#settings').window('open');
	        });
	        $('#mm22').click(function(){
	        	$('#changepwd').window('open');
	        });
	        $('#mm29').click(function(){
				window.location.href = 'file:///D:/workspace-grima/prototipo/login.html';
        	});
		});
	</script>
<script type="text/javascript">

	$(document).ready(function() {
		var themes = [
			{value:'bootstrap',text:'Bootstrap'},
			{value:'metro',text:'Metro'}
			
		];
		$('#cb-theme').combobox({
			groupField:'group',
			data: themes,
			editable:false,
			panelHeight:'auto',
			onChange:onChangeTheme,
			onLoadSuccess:function(){
				$(this).combobox('setValue', 'bootstrap');
			}
		});
	});

	function onChangeTheme(theme){
		var link = $(document).find('link:first');
		link.attr('href', 'css/themes/'+theme+'/easyui.css');
	}
</script>
